.sceondSection{
    position: relative;
    padding-top: 56px;


    ul{
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 56px;
        position: absolute;
        top: 0;
        width: 100%;
        background-color: #df794d;

        &.isFixed{
            position: fixed;
        }
        
        li{
            color: white;
            list-style: none;
            position: relative;


            .line{
                opacity: 0;
                height: 5px;
                width: 100%;
                background-color: green;
                position: absolute;
                bottom: -5px;
                left: 50%;
                transform: translateX(-50%);
                transition: opacity .3s;

                &.visible{
                    opacity: 1;
                }
            }

        }
    }


    section{
        scroll-margin: 56px;
        padding: 16px;

        h2{
            color: white;
        }

        img{
            margin-top: 10px;
            width: 100%;
            border-radius: 6px;
        }
    }

    .btnSection{
        width: 100%;
        position: fixed;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 16px;
        height: 64px;
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4976584383753502) 46%, rgba(255,255,255,0) 100%);
        opacity: 0;
        transform: translateY(64px);
        transition: opacity .3s,transform .3s;

        &.visible{
            opacity: 1;
            transform: translateY(0);
        }

        img{
            width: 100px;
        }
        
        button{
            background: rgb(224, 56, 90);
            color: white;
            border-radius: 50px;
            padding: 8px 16px;
            border:none;
        }
    }
}